<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>llygrid demo</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
    <meta http-equiv="pragma" content="no-cache"/>
	<meta http-equiv="cache-control" content="no-cache"/>
  
   <script src="../../../jquery.js" type="text/javascript" class="view-source"></script>
   <script src="../../../common.js" type="text/javascript" class="view-source"></script>
   <link   href="../../../../themes/mobile/style.css" type="text/css" rel="stylesheet"  class="view-source"/>
   
   <script src="../jquery.listselectdialog.js" type="text/javascript" class="view-source"></script>
   <link   href="../jquery.listselectdialog.css" type="text/css" rel="stylesheet" class="view-source" />
  <script src="../../demo.js"></script>
	<link href="../../demo.css" rel="stylesheet">
   <script type="text/javascript" class="view-source noparse">

	$(function(){

		var treeSelect = {
				title:'用户选择页面',//页面显示标题
				dataServiceUrl:dataServiceUrl,
				defaults:[{value:'1',label:'广东省'},{value:'11',label:'广州市'}],//默认值
				key:{value:'id',label:'text'},//对应value和label的key
				multi:true,
				tree:{
					title:"组织选择",
					method : 'post',
					asyn : true, //异步
					rootId  : 'root',
					rootText : '根节点',
					CommandName : 'java.tree.command',
					params : {
						daoBeanName:'dao',
						sqlId : 'asyn.tree.demo',
						childSqlId : 'asyn.tree.demo.child',
						parentId : 'root',
						testId:'1234'
					}
				}
		    } ;

		$(".tree-m-select").listselectdialog( treeSelect ,function(){
			var args = jQuery.dialogReturnValue() ;
			var value = args.value ;
			var label = args.label ;
			$(".tree-m-select").val(label).attr("title",label) ;
		}) ;
   	});
   </script>
   
   <style>
   		*{
   			font:12px "微软雅黑";
   		}
   </style>

</head>
<body>
树多选选择:<input type="text" class="tree-m-select" value=""/><br/><br/>

</body>
</html>
